<template>
  <div class="container">
    <p>这里是电影</p>
  </div>
</template>

<script>
export default {
  name: 'Movies',
};
</script>
<style scoped>
.container{
  width: 80%;
  height: 500px;
  color: white;
  //background: #2d98f3;
}
.container p{
  margin-top: 1000px;
  font-size: 300px;
  color: white;
  animation: juple 4s infinite;
  background: deeppink;
}
@keyframes juple {
  from{
    margin-left: 0px;
    margin-top: 60px;
    transform:  translateX(25%);
  }
  to{
    margin-left: 600px;
    translate: 500px;
    margin-top: 600px;
    transform:  translateX(95%);
  }
}
</style>